<template>
  <div>
    <div class="XboxTop">
      <div class="XboxTop_title">告警情况</div>
    </div>
    <div class="XboxTop_con" style="padding: 1rem">
      <el-table :data="tableData" style="width: 100%;height: 100%;" height="100%" stripe class="tabLeM">
        <el-table-column prop="date" label="航标标号">
        </el-table-column>
        <el-table-column prop="name" label="告警类型">
        </el-table-column>
        <el-table-column prop="address" label="工单状态">
        </el-table-column>
        <el-table-column prop="address" label="创建时间">
        </el-table-column>
      </el-table>
    </div>
  </div>
</template>
<script>
export default {
  //变量
  data() {
    return {
      tableData: [{ date: "123", name: "123", address: "123" }, { date: "123", name: "123", address: "123" }, { date: "123", name: "123", address: "123" }, { date: "123", name: "123", address: "123" },]
    }
  },
  //初始
  mounted() { },
  //事件
  methods: {},
  //销毁
  beforeDestroy() { }
}
</script>
<style scoped>
.tabLeM {
  background-color: transparent;
  color: #fff !important;
}

.tabLeM ::v-deep tr {
  background-color: transparent !important;
}

.tabLeM ::v-deep .el-table__header-wrapper th {
  color: #fff !important;
  background-color: rgba(32, 112, 249, 0.25) !important;
  font-size: 1rem !important;
}

.tabLeM ::v-deep .el-table__row--striped {
  background-color: rgba(32, 112, 249, 0.25) !important;
}

.tabLeM ::v-deep .el-table__cell {
  background-color: transparent !important;
  font-size: 1rem !important;
  padding: 0.7rem 0 !important;
}
.tabLeM ::v-deep  .cell {
  line-height: normal !important;
}
</style>